page {
    color: $color_A4;
    font-size: $fontS_20;
    background: $bg_F6;
}
image {
    width: 100%;
    height: 100%;
}
.flex_s {
    display: flex;
}
.Funlist {
    view {
        width: 120rpx;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
}
@mixin content {
    margin-bottom: 30rpx;
    .mar_r {
        margin-right: 15rpx;
    }
    .mar_l {
        margin-left: 15rpx;
    }
    .flex_start {
        justify-content: flex-start;
    }
    .flex_end {
        justify-content: flex-end;
    }
    .avatar {
        width: 75rpx;
        height: 75rpx;
    }
    .desc {
        display: flex;
        align-items: center;
        width: 480rpx;
        text {
            padding: 20rpx;
            line-height: 1.7;
            background: $bg_fff;
        }
    }
}

.Content {
    color: #000;
    padding: 20rpx;
    #scroll-Y {
        height: 1300rpx;
        .item {
            .Time {
               margin: 30rpx auto;
               position: absolute;
               top: -30px;
               left: 40%;
               font-size: 10px;
               color: #bdaba3;
            }
            .MSG {
                width: 100%;
				margin: 30px 0;
                .left {
					position: relative;
                    @include content;
                }
                .right {
					position: relative;
                    @include content;
                }
            }
        }
    }
}
.Footer {
    bottom: 20rpx;
    width: 100%;
    background: $bg_fff;
    .Text {
        padding: 10rpx;
        .input {
            width: 500rpx;
        }
        .Sumbit {
            border-radius: 10rpx;
            margin-right: 15rpx;
            font-size: $fontS_30;
            padding: 10rpx 30rpx;
            background: $color_def;
            color: $color_fff;
            text-align: center;
        }
    }
}
